@class-prefix-empty: ~'adm-empty';

.@{class-prefix-empty} {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0;

  &-image-container {
    display: flex;
    justify-content: center;
    .@{class-prefix-empty}-image {
      width: 64px;
      // Hack fix for iOS 11.4, see: https://github.com/ant-design/ant-design-mobile/issues/5400
      height: intrinsic;
    }
  }

  &-description {
    margin-top: 8px;
    font-size: var(--adm-font-size-6);
    color: var(--adm-color-light);
  }
}
